;((function() {
    var winW = window.innerWidth; 

    $('.toggle-menu').click(function () {
        var sider = $('.first_sidebar');
        if (sider.hasClass('toggle-in')){
            sider.removeClass('toggle-in');
            $('.company_logo').show();
            $('#iframes').css({'margin-left': '200px'});
            $('.menu-icon').removeClass('menu-right').addClass('menu-left');  
            $('.nav-sidebar > li.active').find('.sub-ul').slideDown(200);
        } else {
            $('.nav-sidebar > li.active').find('.sub-ul').slideUp(200);
            sider.addClass('toggle-in');
            $('.company_logo').hide();
            $('#iframes').css({'margin-left': '52px'});
            $('.menu-icon').removeClass('menu-left').addClass('menu-right'); 
        }

        asideW = $('.aside').width(); 
        $('#iframes').css({'width': (winW - asideW) + 'px'});
    });


    $('.sub-ul').find('li').click(function() {
        $(this).addClass('on');
        $(this).siblings('li').removeClass('on');
    });


     
    $('.nav-sidebar .module-name').click(function() {  
        $('.first_sidebar').hasClass('toggle-in') && $('.toggle-menu').click();
        var elem = $(this).parents('li');

        if (elem.hasClass('active')) {
            elem.removeClass('active');
            elem.find('.sub-ul li').removeClass('on');
            elem.find('.sub-ul').slideUp(200);
            return;
        }

        elem.addClass('active').find('.sub-ul').slideDown(200);
        elem.siblings('li').removeClass('active').find('.sub-ul').slideUp(200);
        elem.find('.sub-ul li').removeClass('on');
    });
})())